@charset "utf-8";
@import "reset";
.flowerArt {
    .centerBox {
        width: 79vw;
        height: 112vw;
        background-color: #ffffff;
        box-shadow: 0vw 1vw 2vw 1vw rgba(0, 0, 0, 0.3);
        border-radius: 1vw;
        margin: 22vw auto;
        border: 1px black solid;
        opacity: 0.6;
        .nameBox {
            width: 35vw;
            height: 6vw;
            border-bottom: 1px solid black;
            margin: vw(86) vw(25) vw(65);
            .name {
                width: 35vw;
                font-weight: 1000;
            }
        }
        div {
            margin: 0 auto;
            width: vw(534);
            height: vw(68);
            .time {
                display: inline-block;
                text-indent: 2em;
                width: vw(470);
                height: vw(68);
                font-size: 3vw;
                font-weight: 1000;
                color: #000000;
            }
        }
        .erweima {
            width: vw(265);
            height: vw(265);
            border: solid vw(4) #000000;
            margin: vw(60) auto;
            >img {
                width: 100%;
                background-color: #ffffff;
            }
        }
        .buttonBox {
            margin: vw(20) auto;
            width: vw(400);
            button {
                width: vw(187);
                height: vw(57);
                background-color: #ffffff;
                box-shadow: 0vw 1vw 1vw 0vw rgba(247, 239, 239, 0.39);
                border-radius: 5vw;
                font-size: 4vw;
                color: #0075c1;
                font-weight: 1000;
            }
        }
        .notes {
            width: 65vw;
            height: 5vw;
            margin: 0 auto;
            text-indent: 2em;
            font-size: vw(26);
        }
    }
}